{% extends "layout.html" %}

{% block title %}Detail offre mobile du client{% endblock %}

{% block content %}

 
<script type="text/javascript">
function checkAll(formname, checktoggle)
{
     var checkboxes = new Array();
      checkboxes = document[formname].getElementsByTagName('input');
      for (var i = 0; i < checkboxes.length; i++) {
          if (checkboxes[i].type === 'checkbox') {
               checkboxes[i].checked = checktoggle;
          }
      }
}
</script>
 


 
    <!-- Détail offre mobile du client-->
		

 
    <legend>Détail Offre mobile pour le client n°{{offres[0].code_client_hto}}: {{client[0].raison_social}}. </legend>
		<form method="post" name="checkboxform">
        
        Choississez la modification a effectuer:
        <select id="choix_modif" name="choix_modif" class="choix_modif">
        <option value="" >Choississez...</option>
        <option value="IS" >Restriction sortante</option>
        <option value="SU" >Restriction entrante - sortante</option>
        <option value="TE" >Résiliation</option>
        <option value="RE" >Réactivation</option>
        <option value="I" >International</option>
        <option value="IR" >International Roaming</option>
        <option value="IC" >International Coupé</option>
        </select>
        <br />
        <a href="#" onclick="javascript:checkAll('checkboxform', true);">Cocher tout</a> - <a href="#" onclick="javascript:checkAll('checkboxform', false);">Décocher</a> 
        <table class="table table-striped">
			<tr>
            	<th></th>
                <th>NDI </th> 
                <th>Offre </th>
                <th>Option</th>
                <th>Numéro sim</th>
                <th>RIO </th>
                <th>PUK </th>
                <th>Souscription </th>
                <th>Fin d'engagement </th>
                <th>Utilisateur</th>
              <!--  <th>Engagement </th>-->
               <th>Détail Facture </th>
				<th></th>
			</tr>
			<tr>
                 {% for offre in offres %}
                <td><input name="ndi[]" type="checkbox" value="{{offre.ndi}}" /></td>
				<td>{{offre.ndi}} 
                {% for offre_pending in offres_pending %}
                {% if offre_pending.id == offre.id %}
                <br /><div style="color:red">Attention modification en cours !</div>
                {% endif %}
                {% endfor %}
                {% if offre.ligne_statut == 'Terminated' %}
                <br /><div style="color:red">Ligne résiliée.</div>
                {% endif %}
                </td>
				<td>{{offre.offre}}</td>
				<td>{{offre.options|nl2br}}
				<td>{{offre.num_sim}}</td>
				<td>{{offre.rio}}</td>
				<td>{{offre.code_puk}}</td>
				<td>{{offre.date_souscription}}</td>
				<td>{{offre.fin_engagement}}</td>
				<td>{{offre.utilisateur}}</td>
                <td>{% if offre.facture_detail == 'x' %}<a href="detail-offre-client-mobile?facture_detail=oui&ndi={{offre.ndi}}&id={{offres[0].code_client_hto}}">non</a>{% else %}<a href="detail-offre-client-mobile?facture_detail=non&ndi={{offre.ndi}}&id={{offres[0].code_client_hto}}">oui</a>{% endif %}</td>
				<!--<td>{{offre.engagement}}</td>-->
				<td>
					<div class="btn-group">
					  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						Actions
						<span class="caret"></span>
					  </a>
					  <ul class="dropdown-menu">
							<li><a href="detail-offre-client-mobile-modif?id={{offre.code_client_hto}}&type=mobile&idu={{offre.id}}&ndi={{offre.ndi}}&sim={{offre.num_sim}}&rio={{offre.rio}}&puk={{offre.code_puk}}&utilisateur={{offre.utilisateur}}"><i class="icon-edit"></i> Modification</a></li>
							<!--  <li><a href="detail-offre-client-mobile?id={{offre.code_client_hto}}&action=delete&idd={{offre.id}}"><i class="icon-trash"></i> Suppression</a></li>
							-->
					  </ul>
					</div>
				</td>			
			</tr>
		{% endfor %}
		</table>
          
   <input type=submit value="Mettre à jour" name="maj"/> 
   <div class="form-actions">
					<a href="detail-client?id={{offres[0].code_client_hto}}" class="btn btn btn-primary" ><i class="icon-plus-sign icon-arrow-left icon-white"></i> Retour au detail client</a>
		</div>
        
    </form>

{% endblock %}
	
